<template>
  <div class="setting">
    <label>选择系统</label>
    <select v-model="sysId">
      <option value="0">HOME</option>
      <option value="1">医院</option>
      <option value="2">政府</option>
      <option value="3">工业</option>
      <option value="4">污水</option>
    </select> 
  </div>
</template>

<script>
export default {
  name: 'setting',
  data () {
    return {
      msg: 'aaaa',
      ws: null,
      sysId: '1'
    }
  },
  watch: {
    sysId: function (n,old) {
      this.sentSysId(n)
    }
  },
  methods: {
    sentSysId: function (id) {
      var _this = this
      this.$http({
        method: 'GET',
        url: "/vqdisplay/page/switch?flag="+id,
      })
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);
      })
    }
  }
}
    

</script>

<style scoped>
  .setting {
    color: #000;
    font-size: 14px;
    padding: 30px 20px;
  }
  select {
    font-family: 'Microsoft YaHei';
    border: none;
    min-width: 140px;
    min-height: 40px;
    padding: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    user-select: none;
    outline: none;
  }
</style>